<template>
  <div class="scan">
    <div class="nav">
      <a class="close" />
      <p class="title">Scan QRcode</p>
    </div>
    <div class="scroll-container">
      <Scaner :stop-on-scanned="true" :draw-on-found="true" :responsive="false" @code-scanned="codeScanned" @error-captured="errorCaptured" />
    </div>
  </div>
</template>
<script lang="ts" setup>
import QrcodeVue from 'qrcode.vue'
const value = 'http://www.fxg1997.top'
const size = 300
const background = '#ccc'
const foreground = 'red'
</script>
<style lang="scss" scoped>
.scan {
  height: 100%;
  width: 100%;
}
.scan .nav {
  width: 100%;
  height: 48px;
  line-height: 48px;
  position: fixed;
  top: 0;
  left: 0;
}
.scan .nav .title {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #ffffff;
}
.scan .nav .close {
  display: inline-block;
  height: 22px;
  width: 22px;
  background: url('../assets/back.png') no-repeat center;
  background-size: auto 100%;
  position: absolute;
  left: 16px;
  top: 14px;
}
</style>
